import { BrowserRouter, Routes, Route } from "react-router";
import AppLayout from "@/layouts/app.layout";
import UserPage from "@/pages/user/UserPage";
import AboutPage from "@/pages/about/AboutPage";
import HomePage from "@/pages/home/HomePage";
import ReactAnimationPage from "@/pages/react-animation/ReactAnimationPage";

export default function AppRouter() {
  return (
    <BrowserRouter basename="">
      <Routes>
        <Route element={<AppLayout />}>
          <Route index element={<HomePage />} />
          <Route path="user" element={<UserPage />} />
          <Route path="about" element={<AboutPage />} />
          <Route path="react-animation" element={<ReactAnimationPage />} />
        </Route>
      </Routes>
    </BrowserRouter>
  )
}